{% extends "_layouts/cp" %}

{% set fullPageForm = true %}

{% import "_includes/forms" as forms %}

{% block content %}
    {{ actionInput('tags/save-tag-group') }}
    {{ redirectInput('settings/tags') }}

    {% if tagGroup.id %}{{ hiddenInput('tagGroupId', tagGroup.id) }}{% endif %}

    {{ forms.textField({
        first: true,
        label: "Name"|t('app'),
        instructions: "What this tag group will be called in the control panel."|t('app'),
        id: 'name',
        name: 'name',
        value: tagGroup.name,
        errors: tagGroup.getErrors('name'),
        autofocus: true,
        required: true,
    }) }}

    {{ forms.textField({
        label: "Handle"|t('app'),
        instructions: "How you’ll refer to this tag group in the templates."|t('app'),
        id: 'handle',
        name: 'handle',
        class: 'code',
        autocorrect: false,
        autocapitalize: false,
        value: tagGroup.handle,
        errors: tagGroup.getErrors('handle'),
        required: true
    }) }}

    <hr>

    {{ forms.fieldLayoutDesignerField({
        fieldLayout: tagGroup.getFieldLayout(),
        customizableTabs: false,
        customizableUi: false,
    }) }}
{% endblock %}


{% if not tagGroup.handle %}
    {% js %}
        new Craft.HandleGenerator('#name', '#handle');
    {% endjs %}
{% endif %}
